body {
  background-color: #f5f5f5;
}

.datu,
.datu2 {
  width: 100vw;
  height: 2.62rem;
  position: relative;
}

.datu img,
.datu2 img {
  width: 100vw;
  height: 2.62rem;
}

.datu input,
.datu2 input {
  position: absolute;
  bottom: .1rem;
  left: .18rem;
  width: 3rem;
  height: .38rem;
  border-radius: 8px;
  background-image: url(../img/index/seach.jpg);
  background-repeat: no-repeat;
  background-position: .12rem .12rem;
  background-size: .19rem .19rem;
  outline: none;
  padding-left: .37rem;
}

nav {
  width: 100vw;
  height: 1.23rem;
  display: flex;
  justify-content: space-evenly;
  background-color: #ff8a00;
}

nav img {
  width: .62rem;
  height: .67rem;
}

nav p {
  font-size: .135rem;
  text-align: center;
  color: white;
}

section {
  width: 100vw;
  height: .63rem;
  background-color: #ff8a00;
}

section h2 {
  font-size: .21rem;
  color: white;
  font-weight: bold;
  padding: .12rem 0 .09rem .23rem;
}

section h2 span {
  font-size: .12rem;
}

section .ul1 {
  width: 100vw;
  box-sizing: border-box;
  padding: 0 .23rem;
  display: flex;
  flex-direction: column;
  background-color: #fff;
}

section .ul1 li {
  border-bottom: 1px solid #ff8a00;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  padding: .24rem 0;
}

section .ul1 li .section-left {
  flex: 1;
}

section .ul1 li .section-left img {
  width: .95rem;
  height: .95rem;
}

section .ul1 li .section-right {
  flex: 2;
}

section .ul1 li .section-right .pp1 {
  font-size: .21rem;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
}

section .ul1 li .section-right .pp2,
section .ul1 li .section-right .pp3,
section .ul1 li .section-right .pp4 {
  font-size: .14rem;
  margin-top: .1rem;
}

section .ul1 li .section-right .pp2 span,
section .ul1 li .section-right .pp3 span,
section .ul1 li .section-right .pp4 span {
  float: right;
}

section .ul1 li .section-right .pp2 span {
  color: #ff8a00;
}

section .ul1 li .section-right .pp3 {
  color: #8b8b8b;
}

section .ul1 li .section-right .pp4 a {
  color: #849aae;
  background-color: #f4f7f9;
  padding: .02rem .04rem;
}

section .ul1 > :last-child {
  border-bottom: 1px solid #f5f5f5;
}

section .section-bottom {
  width: 100vw;
  height: 2.25rem;
  margin-top: .05rem;
  background-color: #fff;
}

section .section-bottom .ul2 {
  width: 100vw;
  line-height: .64rem;
  font-size: .21rem;
  color: #666666;
  display: flex;
  text-align: center;
}

section .section-bottom .ul2 li {
  flex: 1;
  border-bottom: 1px solid #ff8a00;
}

section .section-bottom .ul2 .huang {
  color: #ff8a00;
  border-bottom: 2px solid #ff8a00;
}

section .section-bottom .ul3 {
  width: 50vw;
  font-size: .14rem;
  color: #666666;
  float: left;
  margin-top: .2rem;
}

section .section-bottom .ul3 li {
  line-height: .32rem;
  margin-left: .25rem;
}

section .section-bottom .ul5 {
  display: none;
}

footer {
  width: 100vw;
  height: 1.8rem;
  box-sizing: border-box;
  padding: 0 .17rem;
  background-color: #2f3130;
}

footer h2 {
  color: #939494;
  font-weight: bold;
  line-height: .48rem;
  font-size: .16rem;
  border-bottom: 1px solid #3e403f;
}

footer ul {
  height: .38rem;
  font-size: .14rem;
  display: flex;
  margin: .2rem 0 .14rem 0;
  color: #939494;
}

footer ul li {
  flex: 1;
  display: flex;
}

footer ul li .zuo {
  flex: 1;
}

footer ul li .zuo img {
  width: .21rem;
  height: .24rem;
  margin-left: .25rem;
}

footer ul li .you {
  flex: 2;
}

footer > p {
  font-size: .14rem;
  color: #939494;
  text-align: center;
  line-height: .29rem;
}

aside {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: .58rem;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
}

aside > img {
  width: .16rem;
  height: .17rem;
}

aside .left {
  flex: 6;
}

aside .left img {
  width: .35rem;
  margin: 10px;
  height: .35rem;
  float: left;
}

aside .left p {
  color: #fff;
  float: left;
}

aside .left .pp1 {
  font-size: .21rem;
  line-height: .35rem;
}

aside .left .pp2 {
  font-size: .14rem;
}

aside .right {
  flex: 4;
  background-color: #ff8a00;
  font-size: .18rem;
  line-height: .58rem;
  text-align: center;
}

aside .right a {
  color: white;
}
